.HotList{
    .top{
     display: flex;
     align-items: center;
     justify-content: space-between;
     .left{
         display: flex;
         align-items: flex-end;
         h1{
             margin-right: 20px;
         }
         span:first-child{
            margin-left: 20px;
            font-size: 16px;
            color: #666;
         }
     }
    }
     ul {
        list-style: none;
        display: flex;
        justify-content: space-between;
        
        li {
             margin-left: 10px;
            width: 327px;
            height: 426px;
            background: #f0f9f4;
            transition: all .4s;
            text-align: center;
            &:hover{
                transform: scale(102%);
                box-shadow: 0 0 11px #ccc;
            }
            img {
                width: 100% !important;
                height: 326px;
            }
          h4{
              font-size: 20px;
              color: #888;
            
          }   
        }
    }
}

 

